<!DOCTYPE html>
<style>
    .columns {
        border: 2px solid black;
        height: 400px;
        line-height: 20px;
    }
    .column1, .column2 {
        float: left;
        width: 50%;
    }
    .big {
        font-size: 128px;
        line-height: 154px;
    }
    .left { float: left; }
</style>
<p>There should be a big T in the second column.</p>
<div class="columns">
    <div class="column1">
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        <p>
            This is some text.<br>
            This is some text.<br>
            This is some text.<br>
            This is some text.<br>
        </p>
    </div>
    <div class="column2">
        <span class="big left">T</span>
        his is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
    </div>
</div>
